
//全局
div.el-dialog__header{
	background: url("/static/img/dialogDrag.png");
	background-size: 100%;
	padding: 15px;
	span{
		text-align: center;
		display: block;
		color: #fff
	}
	.el-dialog__close{
		color: #fff
	}
}
//index





//commonality 
#content{
	.page-content {
		.el-card{
			border: none;
			border-radius: 0;
			&.is-always-shadow{
				box-shadow: none;
			}
			.el-card__body{
				padding: 0 35px 35px 35px;
				.el-table{
          tr{
            th{
              background:#f5f6fa;
              color:#212947;
              height: 56px;
              font-weight: 400;
              line-height: 56px;
              padding-top: 0;
              padding-bottom: 0;
            }
          }

					.el-table__body{
						tbody{
							.el-table__row{
								td{
									line-height: 50px;
									height: 50px;
									div{
										line-height: 25px;
									}
									padding: 0;
								}
							}
							.el-table__row--striped{
                &:hover{
                  &>td{
                    background-color: #F5F7FA;
                  }
                }
								td{
									background: #f9fafe;
								}
							}
						}
					}
				}
			}
		}
	padding: 0 ;
	.fr {
	   float: right;
	}
	.el-table {
	   margin-bottom: 10px;
	}
	.paging {
	   margin: 15px;
	   height: 28px;
	}
 }
}
 //common/color
 .theme-picker .el-color-picker__trigger {
	vertical-align: middle;
  }
   
  .theme-picker-dropdown .el-color-dropdown__link-btn {
	display: none;
  }

  //common/formselect
  .vx-form-select {
	.el-input__icon {
	   line-height: 30px;
	}
	.el-input__inner {
	   height: 30px;
	   line-height: 30px;
	}
	select {
	   height: 30px;
	}
	.el-popper[x-placement^="bottom"] .popper__arrow {
	   top: 0px;
	   left: 50%;
	   margin-right: 3px;
	   border-top-width: 0;
	   border-bottom-color: #ebeef5;
	}
 }
 .el-popper[x-placement^="bottom"] .popper__arrow {
	top: -6px;
	left: 50%;
	margin-right: 3px;
	border-top-width: 0;
	border-bottom-color: #ebeef5;
 }

 //common/popup


 //common/searchinput


  //common/transfer
 

  //common/treeTable

  //page/column
  
 


  //components/page/header


//components/page/page


  //components/page/pageheader



  //components/page/role-form
  .el-radio {
	margin-right: 18px;
 }

  //components/real-time/searchinput

 .search {
	float: right;
	outline: none;
	cursor: pointer;
	font-size: 13px;	
	width: 250px;
	border: 1px solid #bfcbd9;
	margin: 20px 8px 10px 0;
	padding: 6px 10px;
	border-radius: 5px;
  }
  .search::after {
	content: "";
	display: block;
	clear: both;
  }


  //components/real-time/transfer
   .transfer-footer {
    margin-left: 20px;
    padding: 6px 5px;
  }


  
 


  //简报组件
font,i{
		font-style: normal;
    }
    *{box-sizing: border-box;}
body .helphint{
    background:#0e3c89;
		position: relative;
		line-height: 22px;
		min-width: 12px;
		padding: 15px 15px 15px  18px;
		font-size: 14px;
		border-radius: 0;
		
		border: none;
		color: #000;	
		p{   
			 color: #000;
			 padding: 0px !important;
			 margin-bottom: 5px;
       color:#51a0fc;
			 line-height: 18px;
			  &:first-child{
          line-height: 24px;
				  i{
					  &:first-child{
						  font-weight: 600;
						  font-size: 16px;
					  }
				  }
			  }
			  i{
				  font-size: 14px;
			  }
    }
    .popper__arrow{
      border-right-color: #0e3c89!important;
      &::after{
        border-right-color: #0e3c89!important;
      }
    }

}
.clear::after{content: '';display: table;clear: both;}
.clear::before{content: '';display: table;clear: both;}

  
  .clear::after{content: '';display: table;clear: both;}
.clear::before{content: '';display: table;clear: both;}
@-webkit-keyframes progress-bar-stripes {
		from {
			background-position: 40px 0;
		}
		to {
			background-position: 0 0;
		}
	}

	@-o-keyframes progress-bar-stripes {
		from {
			background-position: 40px 0;
		}
		to {
			background-position: 0 0;
		}
	}

	@keyframes progress-bar-stripes {
		from {
			background-position: 40px 0;
		}
		to {
			background-position: 0 0;
		}
  }
  
  //排行榜
.report_form {
	font-family: "pingfangmedium", "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
	line-height: 1;
	color: #555;
	height: 100%;
	width: 100%;
	background-color: #fff;
	font-size: 14px;
	overflow: hidden;
	cursor: pointer;
	-webkit-user-select: none;/* for Chrome */
	-moz-user-select: none; /* for Firefox */
	.dragmove {
		padding: 15px 0 9px 25px;			
		line-height: 22px;
		position: relative;
		border-bottom:1px solid #edf2fd;
		margin-bottom: 18px;
		h3 {
			color: #000;
			float: left;
			display: block;
			font-size: 22px;
			font-weight: 500;
			margin: 0;
		
		}
		.report_i {
			position: absolute;
			display: block;
			right: 13px;
			top: 15px;
			text-align: center;
			height: 22px;
			width: 22px;
			line-height: 22px;
			background-color: transparent;
			border-radius: 50%;
			color: #ddd;
			font-size: 22px;
			font-weight: bold;
			transition: all 0.3s;
			&:hover{transform: scale(1.2);}
		}
	}
		.r_report_con{
			position: relative;
			padding:13px 49px 0 34px ;
			text-align: center;
		}
		.r_con_row.index_r{
			margin-left: 0;
			margin-right: 0;
			height: 38px;
			&::after,&::before{
				content: '';
				display: table;
        clear: both;
      }
      
      &:nth-child(1),&:nth-child(2),&:nth-child(3){
        .r_con_row_title{
          .iconfont{
            font-size: 26px;
            margin-right: 7px;  
          }
          font-weight: bold;
          font-size: 16px;
          line-height: 20px;
          height: 20px;
          color: #000;
        }
      }
			.r_con_row_title{
				position: relative;
				min-height: 1px;
				font-size: 12px;
        text-align: left;
        span{
          color: #000;
        }
			}
			.f_l {
				float: left;
			}
			.row_w41{
        width: 41.66%;
        &.overflowint{
          &.top1{
            color: #f4be0d;
            span{
              color: #f4be0d;
              &::after{
                    content: '1';
                 }
            }
          }
          &.top2{
              color:#4196ff;
              span{
                 &::after{
                    content: '2';
                 }
                color: #4196ff;
            }
          }
          &.top3{
            color: #c0ccdd;
            span{
              &::after{
                    content: '3';
                 }
              color: #c0ccdd;
            }
          } 
          overflow: initial;
          margin-left: -10px;
          margin-top: -5px;
          span{
            text-align: center;
            position: relative;
            &::after{
              content: '1';
              font-size: 12px;
              line-height: 26px;
              display: inline-block;
              color: #fff;
              position: absolute;
              left: 61%;
              top: 69%;
              transform: translate(-50%,-50%);
            }
          }
        }
      }
			.row_w58{				
				width: 46%;
				margin-right: 5%;
        float: right;
        
				.r_ron_progress{
					margin-bottom: 12px;
					height: 14px;
					overflow: hidden;
					background-color: #edf1f7;
					-webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1);
					box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1);
					.r_progress_bar{
						float: left;
						width: 0;
						font-size: 12px;
						height: 100%;
						line-height: 14px;
						transition: width .6s ease;
						text-align: center;
						color: #fff;
						background-size: 40px 40px;
            position: relative;
            background: -webkit-linear-gradient(left, #68b0fa , #6b6fee); /* Safari 5.1 - 6.0 */
            background: -o-linear-gradient(right, #68b0fa , #6b6fee); /* Opera 11.1 - 12.0 */
            background: -moz-linear-gradient(right, #68b0fa , #6b6fee); /* Firefox 3.6 - 15 */
            background: linear-gradient(to right, #68b0fa , #6b6fee); /* 标准的语法（必须放在最后） */
            span{
              position: absolute;
              left: 50%;
              transform: translateX(-50%);
              z-index: 999;
            }
              
            
            &::before{
              content: '';
              position: absolute;
              display: block;
              width: 0px;
              height: 0px;
              border: 20px solid transparent;
              border-right: 10px solid #edf1f7;
              right: 0;
              top:0;
            }
					}
					
				}
      }
      .r_con_value{
        position: absolute;
        right: 3%;
        line-height: 20px;
        white-space: nowrap;
        margin-top: -3px;
        &.top1{
          color: #f4be0d;                
          }
          &.top2{
              color:#4196ff;                    
          }
          &.top3{
            color: #c0ccdd;                
          } 
       }
    }
    //中等
    .report_con{
			position: relative;
			padding:  0 80px 20px 80px;
			text-align: center;
			.con_title{
				
				text-align: left;
				span{
					font-size: 28px;
					line-height: 50px;
					vertical-align: middle;
          color: #5580ff;
          font-weight: bold;
				}
				>label{
					font-size: 14px;
					color: #666;
					font-weight: normal;
					line-height: 1.15;
					text-align: center;
					vertical-align: sub;
					margin-left: 10px;	
				}
			}
			.con_con{
				text-align: left;
				margin-top: 15px;
				span{
					&:last-child{
						float: right;
					}
					font-size: 14px;
          line-height: 1;

					i{
						color: #3a87ad;font-weight: bold;
						>i{margin-right:3px;}
					}
          
					>span{color: #3a87ad;}
					.i_red{
						color: #d83d2d;
						i{
							color: #d83d2d;
						}
					}
					.i_green{
						color:#038506;
						i{
							color:#038506;
						}
					}
				}
			}
			.con_pic{
				margin: 5px 0;
				position: relative;
				display: inline-block;
				vertical-align: top;
				text-align: center;
				&.pic_dp{
					margin:20px 0 0 0 ;
				}
				.percent{
					position: absolute;
					left: 130px;
					bottom: 18px;
					i{
						color:#428bca;
						&:hover{
							color:#486d93;
						}
					}
				}
				.icon_bg{
					display: inline-block;
					width: 222px;
					height: 142px;
					vertical-align: -webkit-baseline-middle;
				}

			}
			.extra{
				text-align: center;
        width: 100%;
				height: 24px;
				.ex2{
					float: left;
					&:nth-child(2){
						float: right;
					} 
				}

				span{
					line-height: 24px;

          span{
            font-size: 24px;            
            font-weight: bold;

            color:#5580ff;
            display: inline-block;
            vertical-align: sub;
						&:hover{
							color:#4263c7;
						}
					}
				}
			}
		}
		.report_foot{	
			height: 44px;
			line-height: 44px;
			border-top: 1px solid #eee;
			text-align: center;
			position: absolute;
			bottom: 0;
			width: 100%;
			a{
				letter-spacing: normal;
				color: #666;
				span{
					margin-left: 5px;
				}
				&:hover{
					color: #428bca;
				}
			
			}
		}
}



//弹出框：提示框
.el-message-box__wrapper{
	.el-message-box--center{
		border-radius: 0;
		.el-message-box__header{
			padding: 45px 15px 0 15px;
		}
		.el-message-box__btns{
			padding: 20px 15px 0;
			button{
				padding: 9px 34px;
				border-radius: 2px;
				font-size: 15px;
				&:nth-child(2){
					margin-left: 27px;
				}
			}
		}
		.el-message-box__content{
			font-size: 16px;
		}
	}
}